<template>
	<view class="main">
		<iconMusic/>
		<next/>
		<view class="uni-title-one">
			{{ lessonInfo.lineOne.textOne }}<br/>
			{{ lessonInfo.lineOne.textTwo }}
		</view>
		<view class="uni-title-two">
			<text class="yellow">{{ data.one }}</text>
			{{ lessonInfo.lineTwo.textOne }}
			<text class="yellow">{{ data.two }}</text>
			{{ lessonInfo.lineTwo.textTwo }}
			<text class="yellow">{{ data.three }}</text>
			{{ lessonInfo.lineTwo.textThree }}
			<text class="yellow">{{ data.four }}</text>
			{{ lessonInfo.lineTwo.textFour }}
			<text class="yellow">{{ data.five }}</text>
			{{ lessonInfo.lineTwo.textFive}}
		</view>
	</view>
</template>

<script setup>
	import teacher from '/stateData/teacher.js'
	import { reactive } from 'vue'
	const { lessonInfo } = teacher
	const data = reactive({
		one:'2021-2022学年第一许学期',
		two:'「教学班1」「教学班2」',
		three:'2',
		four:'《程序设计基础》《网络及其计算》',
		five:80
	})
	
</script>

<style lang="scss" scoped>
	@import url(/static/css/style.css);
	.main{
		width: 100%;
		height: 100vh;
		background: url(http://rjinbysql.hn-bkt.clouddn.com/static/images/tebg-lessonInfo.png) no-repeat;
		background-size: 100% 100%;
	}
</style>